<template>
  <div>
    <RecipesHomeSwipe></RecipesHomeSwipe>
    <RecipesHomeSearch :searchBgColor="searchBgColor"></RecipesHomeSearch>
    <CuisineClassification></CuisineClassification>
  </div>
</template>

<script setup>
import {ref} from 'vue'
import RecipesHomeSwipe from './recipeshome-components/RecipesHomeSwipe.vue'
import RecipesHomeSearch from '../components/RecipesSearch.vue'
import CuisineClassification from './recipeshome-components/CuisineClassification.vue'

const searchBgColor = ref({
  "--van-search-background": "#F1F4F3",
  "--van-search-content-background": "white"
})
</script>

<style>

</style>